<template>
    <div @click="todo">hello 这里是主页面</div>
    <child propC address="" title="小雨" class="bas"></child>
</template>

<script lang="ts" setup>
import { useRouter } from 'vue-router'
import { ref,reactive } from 'vue'
const router = useRouter()
function todo() {
    router.push({ name: 'login' })
}


/* 响应式基础  这里结合ref 和 reactive*/
/* 这重点讲一下reactive中ref的解包细节 */
/* 建议还是看文档 */
const count = ref(0)
const state = reactive({
  count
})

console.log(state.count) // 0

state.count = 1
console.log(count.value) // 1


import child from "../components/children/indexchild.vue"




</script>